
body,div{
	margin:0;
	padding:0;
}
html,body{
	height:100%;
	background: #020405;
}
#wrap{
	min-height:100%;
	_height:100%;
	min-width:320px;
	overflow:hidden;
	display: none;
/*	background:url(../images/bg.png) no-repeat;*/
	background-size:100% 100%;
}
#imgs{
	position:relative;
	width:320px;
	height:568px;
	margin:0 auto;
	overflow:hidden;
	border-radius:15px;
	top:50px;
	z-index:1;
}
#imgs.visible{
	overflow:visible;
}
#imgs div{
	overflow:hidden;
}
#tssel{
	position:absolute;
	top:650px;
	left:50%;
	z-index:10;
	width:160px;
	margin-left:-80px;
}
#navs{
	z-index:10;
	position:absolute;
	left:50%;
	top:225px;
	margin-left:180px;
	width:4px;
}
#navs a{
	overflow:hidden;
	display:block;
	width:2px;
	height:20px;
	border:1px solid #fff;
	margin:0 0 4px;
	transition:background 600ms ease;
}
#navs .active{
	background:#fff;
}
@media (max-width:540px) {
body{
	overflow:hidden;
}
#navs{
	left:auto;
	right:10px;
	top:50%;
	margin-top:-117px;
}
#imgs{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	margin:0;
	border-radius:0;
}
#tssel{
	top:auto;
	bottom:10px;}
}

.img img{
    position: absolute;   
    width: 100%;
    
}

#loading{
        position: absolute;
        top: 35%;
        left: 40%;
        width: 20%;
        z-index: 999;
		display:none;
    }
 /*start animation*/
@-webkit-keyframes start {
    0%,30% {opacity: 0; -webkit-transform: translate(0, 20px);} 
    60%{opacity: 1;-webkit-transform: translate(0, 0);} 
    100%{opacity: 0;-webkit-transform: translate(0, -8px);}}
.tips {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background-image:url(../images/dirIcon.png);
  background-repeat:none; 
  background-size:100%;  
  -webkit-animation: start 2.0s ease-in-out infinite;
  animation: start 2.0s ease-in-out infinite;
  position: absolute;
  z-index: 2;
  bottom: 1rem;
  left: 50%;
  margin-left: -0.6rem;
}
/*在这里设置你的图片的位置*/
#imgs .img:nth-of-type(1) img:nth-of-type(1) {
    position: absolute;
    top: 4%;
    left: 3%;
    width: 96%;
}
#imgs .img:nth-of-type(1) img:nth-of-type(2) {
    position: absolute;
    left: 21%;
    top: 3%;
    width: 61%;
}
#imgs .img:nth-of-type(1) img:nth-of-type(3) {
    position: absolute;
    left: 4%;
    top: 26%;
    width: 91%;
}
#imgs .img:nth-of-type(1) img:nth-of-type(4) {
    position: absolute;
    left: 10%;
    bottom: 14%;
    width: 80%;
}

#imgs .img:nth-of-type(1) img:nth-of-type(5) {
    position: absolute;
    left: 10%;
    bottom: 6%;
    width: 80%;
}
/*
/*logo设置*/
/*#imgs .img:nth-of-type(4) img:nth-of-type(3) {
    position: absolute;
    left: 30%;
    bottom: 1%;
    z-index: 0;
    width: 44%;
}*/